<template>

    <div>
        <siderbar-mysql></siderbar-mysql>

        <!-- content -->
        <div class="app-content ml-160">
            <div class="app-content-body animated fadeInUp">
                <router-view></router-view>
            </div>
        </div>
        <!-- /content -->
    </div>

</template>
<style>

</style>
<script>

    export default {        //这里是官方的写法，默认导出，ES6
        data () {           //ES6，等同于data:function(){}
            return {        //必须使用这样的形式，才能创建出单一的作用域
                asideFolded:false
            }
        },
        ready () {
            this.asideFold();
        },
        methods :{
            asideFold () {
                this.asideFolded = !this.asideFolded;
                this.$dispatch('asideFold');
            }
        },
        components: {
            "siderbarMysql":require('../blocks/siderbarMysql')
        }
    }

</script>
